/*在修改的表单项上才显示错误信息*/

#area9-1 {
    opacity: 0;
    animation-name: area9-1;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    -webkit-animation-name: area9-1;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
}

#area9-2 {
    opacity: 0;
    animation-name: area9-1;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-delay: 7.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    -webkit-animation-name: area9-1;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 7.5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
}

#area9-3 {
    opacity: 0;
    animation-name: area9-1;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-delay: 15s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    -webkit-animation-name: area9-1;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 15s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
}

#area9-4 {
    opacity: 0;
    animation-name: area9-1;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-delay: 22.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    -webkit-animation-name: area9-1;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 22.5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
}

@keyframes area9-1 {
    0% {
        opacity: 0;
    }
    3.33% {
        opacity: 1;
    }
    16.67% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}


/* Safari and Chrome */

@-webkit-keyframes area9-1 {
    0% {
        opacity: 0;
    }
    3.33% {
        opacity: 1;
    }
    16.67% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes area9-2 {
    0% {
        opacity: 0;
    }
    18% {
        opacity: 1;
    }
    82% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/* Safari and Chrome */

@-webkit-keyframes area9-2 {
    0% {
        opacity: 0;
    }
    18% {
        opacity: 1;
    }
    82% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes area9-4 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* Safari and Chrome */

@-webkit-keyframes area9-4 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.inverted {
    display: inline-block;
    opacity: 0.7;
    -webkit-box-reflect: below -25px -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.2, transparent), to(white));
}

.inverted2 {
    display: inline-block;
    opacity: 0.7;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.2, transparent), to(white));
}

.breath_light {
    /*width: 50px;                                    /!* 宽度 *!/*/
    /*height: 4px;                                    /!* 高度 *!/*/
    opacity: 0.1;
    /* 不透明度 */
    overflow: hidden;
    /* 溢出隐藏 */
    /*background: #99dd33;                            /!* 背景色 *!/*/
    color: #99dd33;
    /* 背景色 */
    /*margin: 25% auto;                               /!* 外边距 *!/*/
    /* IE10、Firefox and Opera，IE9以及更早的版本不支持 */
    animation-name: breath;
    /* 动画名称 */
    animation-duration: 3s;
    /* 动画时长3秒 */
    animation-timing-function: ease-in-out;
    /* 动画速度曲线：以低速开始和结束 */
    animation-iteration-count: infinite;
    /* 播放次数：无限 */
    /* Safari and Chrome */
    -webkit-animation-name: breath;
    /* 动画名称 */
    -webkit-animation-duration: 3s;
    /* 动画时长3秒 */
    -webkit-animation-timing-function: ease-in-out;
    /* 动画速度曲线：以低速开始和结束 */
    -webkit-animation-iteration-count: infinite;
    /* 播放次数：无限 */
}

@keyframes breath {
    from {
        opacity: 0.1;
    }
    /* 动画开始时的不透明度 */
    50% {
        opacity: 1;
    }
    /* 动画50% 时的不透明度 */
    to {
        opacity: 0.1;
    }
    /* 动画结束时的不透明度 */
}

@-webkit-keyframes breath {
    from {
        opacity: 0.1;
    }
    /* 动画开始时的不透明度 */
    50% {
        opacity: 1;
    }
    /* 动画50% 时的不透明度 */
    to {
        opacity: 0.1;
    }
    /* 动画结束时的不透明度 */
}

@keyframes breath_1 {
    from {
        opacity: 1;
    }
    /* 动画开始时的不透明度 */
    50% {
        opacity: 0.5;
    }
    /* 动画50% 时的不透明度 */
    to {
        opacity: 1;
    }
    /* 动画结束时的不透明度 */
}

@-webkit-keyframes breath_1 {
    from {
        opacity: 1;
    }
    /* 动画开始时的不透明度 */
    50% {
        opacity: 0.5;
    }
    /* 动画50% 时的不透明度 */
    to {
        opacity: 1;
    }
    /* 动画结束时的不透明度 */
}